<template>
    <div>
        <!-- <div class="pageContTop">
            <div class="searchBox">
                <el-input v-model="queryData.companyName" class="searchInput" placeholder="请输入要搜索的关键词" clearable></el-input>
                <el-button color="#333333" dark text bg plain @click="getCompanyList">搜索</el-button>
            </div>
            <div class="searchTip">搜索范围：团队名称、简称，法人姓名，营业执照经营范围，团队产业分类</div>
        </div> -->
        <div class="tabelcard">
            <el-table :data="pageData.records" class="tableheader" border="" stripe style="width: 100%">
                <el-table-column prop="companyName" label="序号" width="55">
                    <template #default="scope">
                        {{ scope.$index + 1 }}
                    </template>
                </el-table-column>
                <el-table-column prop="createTime" label="创建时间"> </el-table-column>
                <el-table-column prop="companyName" label="团队全称"> </el-table-column>
                <el-table-column prop="createUserName" label="团队法人"> </el-table-column>
                <el-table-column prop="companyNature" label="组织机构类型"> </el-table-column>
                <el-table-column prop="companyState" label="团队产业分类">
                    <template #default="scope">
                        <!-- <span v-if="scope.row.companyState == '0'">正常</span>
                            <span v-if="scope.row.companyState == '1'" style="color: #ec2c2c">封禁</span> -->
                        暂无数据
                    </template>
                </el-table-column>
                <el-table-column prop="registeredAddress" label="团队注册地址"> </el-table-column>
                <el-table-column prop="address" label="操作" width="60">
                    <template #default="scope">
                        <!-- <el-button type="text" size="small" @click="jointheteam(scope.row)">查看</el-button> -->
                        <el-button type="primary" link size="small" @click="addTeams(scope.row)">查看</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <pagination :totalNum="pageData.total" @paginaClick="paginaClick"></pagination>
        </div>
    </div>
</template>
<script lang="ts" setup>
import { ref, reactive } from "vue";
import { useRouter } from "vue-router";
// import { companyList } from "@/api/team";
const router = useRouter();
const succeedMask = ref(false);
const pageData: any = reactive({
    records: [],
    total: 0,
});
const queryData = reactive({
    companyName: "",
    checkState: "",
    startTime: "",
    endTime: "",
    page: 1,
    size: 10,
});
// 获取团队列表
const getCompanyList = () => {
    // companyList(queryData).then((res: any) => {
    //     if (res.code == 200) {
    //         pageData.records = res.data.records;
    //         pageData.total = res.data.total;
    //     }
    // });
};

getCompanyList();
// 分页
const paginaClick = (val: number) => {
    queryData.page = val;
    getCompanyList();
};

const addTeams = (row: any) => {
    router.push(`/team/myteams/teammsg?id=${row.id}&type=3`);
};
</script>
<style lang="scss" scoped>
.pageCont {
    background: #ffffff;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
    // padding-bottom: 30px;
    border-radius: 4px;
    .pageContTop {
        padding-bottom: 30px;
        // padding: 30px 0;
        // margin-bottom: 30px;
        // border-bottom: 1px solid #cccccc;
        .searchBox {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            .searchInput {
                width: 315px;
                margin-right: 10px;
            }
        }
        .searchTip {
            font-size: 12px;
            color: #999999;
            margin-top: 5px;
        }
        .pageContTopName {
            font-size: 16px;
            font-weight: bold;
            color: #333333;
            margin-bottom: 25px;
            margin-top: 30px;
        }
        .scope {
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            .scopeName {
                font-size: 16px;
                color: #333333;
                margin-left: 35px;
                white-space: nowrap;
            }
            .scopeItemBox {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                flex-wrap: wrap;
            }
            .scopeItem {
                width: 116px;
                height: 40px;
                background: #f5f5f5;
                border-radius: 3px;
                font-size: 16px;
                color: #333333;
                text-align: center;
                line-height: 40px;
                margin-bottom: 10px;
                cursor: pointer;
                margin-right: 20px;
                &:hover {
                    background: #23b14d;
                    color: #ffffff;
                }
            }
            .selectScopeItem {
                background: #23b14d;
                color: #ffffff;
            }
        }
    }
}
.pageMask {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, 0.2);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    .pageMaskCont {
        position: absolute;
        width: 593px;
        height: 354px;
        background: #ffffff;
        box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
        z-index: 100;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        padding: 30px;
        text-align: center;
        .pageMaskTitle {
            font-size: 24px;
            font-weight: bold;
            color: #333333;
            margin-bottom: 40px;
        }
        .setsucceedimg {
            width: 48px;
            height: 48px;
            margin-bottom: 20px;
        }
        .pageMaskTip1 {
            font-size: 16px;
            color: #333333;
            margin-bottom: 10px;
        }
        .pageMaskTip2 {
            font-size: 14px;
            color: #999999;
            margin-bottom: 55px;
        }
        .pageMaskBtns {
            .el-button + .el-button {
                margin-left: 30px;
                width: 120px;
            }
        }
    }
}
</style>
